<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>SpaceMax | Multi Purpose HTML Template</title>

<link rel="icon" type="image/png" sizes="32x32" href="favicon.png">

<link href="fonts/sfuidisplay.css" rel="stylesheet">

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css">

<link rel="stylesheet" href="css/plugins.min.css">

<link rel="stylesheet" href="css/app.css">

<link rel="stylesheet" href="css/custom.css">
</head>
<body class="theme-gradient-7" data-spy="scroll" data-target="#navbar-nav" data-animation="false" data-appearance="light">

<div class="switcher">
<div class="switcher__toggler d-flex flex-column align-items-center justify-content-center">
<button class="toggler__btn mb-1">
<img src="demo-assets/settings.png" alt="settings">
</button>
</div>
<div class="switcher-wrapper">

<div class="switcher-colors switcher-clone">
<h4 class="switcher__item-title">Change the color style</h4>
<ul class="switcher-tab">
<li class="switcher-tab__item">
<button class="tab-color">Solid Colors</button>
</li>
<li class="switcher-tab__item">
<button class="tab-gradient active">Gradient Colors</button>
</li>
</ul>
<div class="switcher-tab-content switcher-tab__color">
<ul class="switcher-color tab-color-clone">
<li>
<button data-theme="theme-royal-blue" class="controller theme-royal-blue"></button>
</li>
<li>
<button data-theme="theme-blue" class="controller theme-blue"></button>
</li>
<li>
<button data-theme="theme-amethyst" class="controller theme-amethyst"></button>
</li>
<li>
<button data-theme="theme-roman" class="controller theme-roman"></button>
</li>
<li>
<button data-theme="theme-amaranth" class="controller theme-amaranth"></button>
</li>
<li>
<button data-theme="theme-orange" class="controller theme-orange"></button>
</li>
<li>
<button data-theme="theme-green" class="controller theme-green"></button>
</li>
<li>
<button data-theme="theme-fern" class="controller theme-fern"></button>
</li>
</ul>
<ul class="switcher-gradient tab-color-clone active">
<li>
<button data-theme="theme-gradient-1" class="controller bg-gradient--1"></button>
</li>
<li>
<button data-theme="theme-gradient-2" class="controller bg-gradient--2"></button>
</li>
<li>
<button data-theme="theme-gradient-3" class="controller bg-gradient--3"></button>
</li>
<li>
<button data-theme="theme-gradient-4" class="controller bg-gradient--4"></button>
</li>
<li>
 <button data-theme="theme-gradient-5" class="controller bg-gradient--5"></button>
</li>
<li>
<button data-theme="theme-gradient-6" class="controller bg-gradient--6"></button>
</li>
<li>
<button data-theme="theme-gradient-7" class="controller bg-gradient--7 active"></button>
</li>
<li>
<button data-theme="theme-gradient-8" class="controller bg-gradient--8"></button>
</li>
</ul>
</div>
</div>


<div class="canvas-style switcher-clone">
<h4 class="switcher__item-title">Canvas style</h4>
<ul class="switcher-tab">
<li class="switcher-tab__item">
<button class="tab-full active">Full </button>
</li>
<li class="switcher-tab__item">
<button class="tab-boxed">Boxed</button>
</li>
</ul>
<div class="switcher-tab-content switcher-tab__pattern">
<ul class="switcher-boxed">
<li>
<button data-theme="circle-pattern" class="pcontroller circle-pattern">
<img class="media__content" src="img/patterns/circle-pattern.png" alt="">
</button>
</li>
<li>
<button data-theme="circles-light" class="pcontroller circles-light">
<img class="media__content" src="img/patterns/circles-light.png" alt="">
</button>
</li>
<li>
<button data-theme="leaf-pattern" class="pcontroller leaf-pattern">
<img class="media__content" src="img/patterns/leaf-pattern.png" alt="">
</button>
</li>
<li>
<button data-theme="memphis-colorful" class="pcontroller memphis-colorful">
<img class="media__content" src="img/patterns/memphis-colorful.png" alt="">
</button>
</li>
<li>
<button data-theme="round-pattern" class="pcontroller round-pattern">
<img class="media__content" src="img/patterns/round-pattern.png" alt="">
</button>
</li>
<li>
<button data-theme="spiration-light" class="pcontroller spiration-light">
<img class="media__content" src="img/patterns/spiration-light.png" alt="">
</button>
</li>
<li>
<button data-theme="swirl-pattern" class="pcontroller swirl-pattern">
<img class="media__content" src="img/patterns/swirl-pattern.png" alt="">
</button>
</li>
<li>
<button data-theme="tic-tac-toe" class="pcontroller tic-tac-toe">
<img class="media__content" src="img/patterns/tic-tac-toe.png" alt="">
</button>
</li>
<li>
<button data-theme="x-pattern" class="pcontroller x-pattern">
<img class="media__content" src="img/patterns/x-pattern.png" alt="">
</button>
</li>
<li>
<button data-theme="hexagon" class="pcontroller hexagon">
<img class="media__content" src="img/patterns/hexagon.png" alt="">
</button>
</li>
<li>
<button data-theme="curls" class="pcontroller curls">
<img class="media__content" src="img/patterns/curls.png" alt="">
</button>
</li>
<li>
<button data-theme="darkness" class="pcontroller darkness">
<img class="media__content" src="img/patterns/darkness.png" alt="">
</button>
</li>
<li>
<button data-theme="spiration-dark" class="pcontroller spiration-dark">
<img class="media__content" src="img/patterns/spiration-dark.png" alt="">
</button>
</li>
<li>
<button data-theme="zig-zag-wool" class="pcontroller zig-zag-wool">
<img class="media__content" src="img/patterns/zig-zag-wool.png" alt="">
</button>
</li>
</ul>
</div>
</div>


<div class="theme-variation switcher-clone">
<h4 class="switcher__item-title">Landing Pages</h4>
<div class="switcher-tab-content switcher-tab__variation">
<div class="demo-item">
<a href="index.html"><img src="demo-assets/home-1.png" alt="image">
<span>
<i class="fas fa-check"></i>
</span>
</a>
</div>

<div class="demo-item">
<a href="home-2.html"><img src="demo-assets/home-2.png" alt="image">
<span>
<i class="fas fa-check"></i>
</span>
</a>
</div>

<div class="demo-item">
<a href="home-3.html"><img src="demo-assets/home-3.png" alt="image">
<span>
<i class="fas fa-check"></i>
</span>
</a>
</div>

<div class="demo-item">
<a href="home-4.html"><img src="demo-assets/home-4.png" alt="image">
<span>
<i class="fas fa-check"></i>
</span>
</a>
</div>

<div class="demo-item active">
<a href="home-5.html"><img src="demo-assets/home-5.png" alt="image">
<span>
<i class="fas fa-check"></i>
</span>
</a>
</div>

</div>
</div>

</div>
</div>


<div class="preloader">
<div class="wrapper">
<div class="blobs">
<div class="blob-center"></div>
<div class="blob"></div>
<div class="blob"></div>
<div class="blob"></div>
<div class="blob"></div>
<div class="blob"></div>
<div class="blob"></div>
</div>
<div>
<div class="loader-canvas canvas-left"></div>
<div class="loader-canvas canvas-right"></div>
</div>
</div>
</div>

<main class="main hidden">

<header class="navbar navbar-sticky sticky-bg-color--primary navbar-expand-lg navbar-dark">
<div class="container position-relative">
<a class="navbar-brand" href="index.html">
<img class="navbar-brand__regular" src="img/brand-logo-white.png" alt="brand-logo">
<img class="navbar-brand__sticky" src="img/brand-logo-white.png" alt="sticky brand-logo">
</a>

<button class="navbar-toggler d-lg-none" type="button" data-toggle="navbarToggler" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>

<div class="navbar-inner mr-lg-auto pl-lg-2 pl-xl-6">

<button class="navbar-toggler d-lg-none" type="button" data-toggle="navbarToggler" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>

<nav>
<ul class="navbar-nav" id="navbar-nav">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="javascript:;" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Landing Pages</a>
<ul class="dropdown-menu">
<li>
<a class="dropdown-item" href="index.html">Home - 1</a>
</li>
<li>
<a class="dropdown-item" href="home-2.html">Home - 2</a>
</li>
<li>
<a class="dropdown-item" href="home-3.html">Home - 3</a>
</li>
<li>
<a class="dropdown-item" href="home-4.html">Home - 4</a>
</li>
<li>
<a class="dropdown-item" href="home-5.html">Home - 5</a>
</li>
<li>
<a class="dropdown-item" href="home-6.html">Home-6</a>
</li>
<li>
<a class="dropdown-item" href="home-7.html">Home - 7</a>
</li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="javascript:;" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Pages </a>
<ul class="dropdown-menu">
<li>
<a class="dropdown-item" href="inner-knowledgebase.html">Knowledgebase</a>
</li>
<li>
<a class="dropdown-item" href="inner-faq.html">FAQ</a>
</li>
<li>
<a class="dropdown-item" href="inner-login.html">Login</a>
</li>
<li>
<a class="dropdown-item" href="inner-signup.html">Signup</a>
</li>
<li>
<a class="dropdown-item" href="inner-recover-account.html">Recover Account</a>
</li>
<li>
<a class="dropdown-item" href="inner-coming-soon.html">Coming Soon</a>
</li>
<li>
<a class="dropdown-item" href="inner-404.html">Error 404</a>
</li>
<li>
<a class="dropdown-item" href="inner-maintenance.html">Maintenance</a>
</li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="javascript:;" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Blog </a>
<ul class="dropdown-menu">
<li class="dropdown-submenu"><a class="dropdown-item dropdown-toggle" href="javascript:;">Blog Pages</a>
<ul class="dropdown-menu dropdown-menu-left">
<li>
<a class="dropdown-item" href="blog-grid-2-col.html">Blog Grid 2 Column</a>
</li>
<li>
<a class="dropdown-item" href="blog-grid-3-col.html">Blog Grid 3 Column</a>
</li>
<li>
<a class="dropdown-item" href="blog-grid-2-col-sidebar-left.html">Blog Sidebar Left</a>
</li>
<li>
<a class="dropdown-item" href="blog-grid-2-col-sidebar-right.html">Blog Sidebar right</a>
</li>
</ul>
</li>
<li class="dropdown-submenu"><a class="dropdown-item dropdown-toggle" href="javascript:;">Blog Details</a>
<ul class="dropdown-menu">
<li>
<a class="dropdown-item" href="blog-details-full.html">Blog Details Full</a>
</li>
<li>
<a class="dropdown-item" href="blog-details-sidebar-right.html">Blog Details Sidebar Right</a>
</li>
<li>
<a class="dropdown-item" href="blog-details-sidebar-left.html">Blog Details Sidebar Left</a>
</li>
</ul>
</li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="http://docs.tunerpixel.com/spacemax/">Documentation</a>
</li>
</ul>

</nav>
</div>
<div class="d-flex align-items-center ml-lg-1 ml-xl-2 mr-5 mr-sm-6 m-lg-0">
<a href="#" class="color--white mr-2">Login</a>
<a href="#" class="btn btn-size--md btn-border color--white btn-hover--splash opacity--80 d-none d-sm-inline-flex">
<span class="btn__text font-w--500">Create Account</span>
</a>
</div>

</div>

</header>


<section class="hero hero--full hero--v12 d-flex align-items-center">
<div class="background-holder background--cover z-index1">
<img src="img/hero-12.png" alt="image" class="background-image-holder">
</div>

<div class="background-holder bg-color--primary"></div>

<div class="svg-shape w-100 z-index2">
<img src="img/layout/wave-14.svg" alt="wave" class="svg">
</div>

<div class="container mb-10">
<div class="row flex-column-reverse flex-lg-row align-items-center mb-10 mb-lg-5">
<div class="col-12 col-md-10 col-lg-6 mx-auto mx-lg-0 text-center text-lg-left z-index3">
<div class="hero-content reveal">
<h1 class="hero__title color--white h2-font font-w--700 mb-2">The most trusted <br> Digital asset exchange
</h1>
<p class="hero__description color--white opacity--80 font-size--18 mb-4 mb-lg-5 pr-xl-5">SpaceMax offers institutions and professionals the ability to trade a variety of digital currencies like Bitcoin, Ethereum, and more on a regulated U.S. based exchange.</p>

</div>

<div class="form--v4 reveal">
<form action="#" class="form bg-color--white-opacity--10 rounded--05">
<div class="input-group d-flex">
<input type="email" class="form-control" placeholder="Enter your email" required="">
<button class="btn btn-size--md btn-hover--splash btn-bg--cta--5" type="submit"><span class="btn__text">Create Account</span></button>
</div>
</form>
</div>

</div>

<div class="col-12 col-lg-6 mt-6 mt-lg-0 mb-3 mb-lg-0 pl-lg-4  hero__image z-index3 reveal">
<picture><img src="img/illustration-20.png" alt="hero-image" class="img-fluid"></picture>
</div>

</div>

</div>
</section>


<section class="pt-5 pt-xl-0 z-index3 jsElement" data-pull="-200">
<div class="container">
<div class="bg-white box-shadow--5 rounded--10 text-center pt-6 pb-2 px-3 px-sm-5 px-md-3 pt-lg-8 pb-lg-3 px-lg-10">
<div class="row justify-content-between border--bottom mb-5 pb-lg-1 text-lg-left">
<div class="col-12 col-md-6 col-xl-5 pb-5 reveal">
<span class="mb-2">
<img src="img/exchange-01.svg" alt="exchange-icon">
</span>
<h3 class="h5-font font-w--500 mb-1">Strong security</h3>
<p>Protection against DDoS attacks, full data encryption, compliant with PCI DSS standards
</p>
</div>

<div class="col-12 col-md-6 col-xl-5 pb-5 reveal">
<span class="mb-2">
<img src="img/exchange-02.svg" alt="exchange-icon">
</span>
<h3 class="h5-font font-w--500 mb-1">High liquidity</h3>
<p>Fast order execution, low spread, access to high liquidity orderbook for top currency pairs
</p>
</div>

<div class="col-12 col-md-6 col-xl-5 pb-5 reveal">
<span class="mb-2">
<img src="img/exchange-03.svg" alt="exchange-icon">
</span>
<h3 class="h5-font font-w--500 mb-1">High treding volume</h3>
<p>Fast order execution, low spread, access to high liquidity orderbook for top currency pairs
</p>
</div>

<div class="col-12 col-md-6 col-xl-5 pb-5 reveal">
<span class="mb-2">
<img src="img/exchange-04.svg" alt="exchange-icon">
</span>
<h3 class="h5-font font-w--500 mb-1">Competitive commisions</h3>
<p>Reasonable trading fees for takers and makers, special conditions for high volume traders.
</p>
</div>

</div>

<div class="row justify-content-between reveal">
<div class="col-12 col-md-4 text-center mb-4">
<span class="font-size--48 color--primary">$70B+</span>
<p>Digital currency exchanged</p>
</div>

<div class="col-12 col-md-4 text-center mb-4">
<span class="font-size--48 color--primary">197</span>
<p>Countries supported</p>
</div>

<div class="col-12 col-md-4 text-center mb-4">
<span class="font-size--48 color--primary">10M+ </span>
<p>Customers served</p>
</div>

</div>

</div>
</div>
</section>


<section class="space--top z-index1">
<div class="container">
<div class="row">
<div class="col-12 col-sm-9 col-lg-6 mb-4 mb-lg-6 mx-auto text-center reveal">
<h2 class="mb-2 h3-font font-w--700">The world's most advanced cryptocurrency trading platform
</h2>
<p class="mb-4">SpaceMax operates in the context of a legal Australian company and in compliance with Australian rules and regulations. All operations, hosting and data storage is done within Australia.</p>
<a href="#" class="btn btn-size--md btn-bg--cta--5 btn-hover--3d"><span class="btn__text">Create Account</span></a>
</div>
</div>

<div class="row">
<div class="col-12 col-lg-8 mx-auto">
<div class="position-relative bg-color--white-opacity--05 p-2 p-md-4 rounded--10 box-shadow--1">
<picture><img src="img/media-thumb-4.jpg" alt="media-thumb" class="img-fluid rounded--10">
</picture>

<a class="lightbox pos-abs-bottom-right m-6 m-md-7" data-autoplay="true" data-vbtype="video" href="https://www.youtube.com/watch?v=aRh_eUQSmIg">
<span class="pos-abs-center opacity--50">
<img src="img/layout/play-btn-border.svg" alt="play-btn-border" class="svg">
</span>
<span class="btn btn-media btn-media-size--md btn-bg--cta--5 rounded--full"><i class="icon icon-triangle-right"></i></span>
</a>

</div>

</div>

</div>

</div>
</section>


<section class="space--bottom steps--v1 pt-10 bg-color--primary jsElement" data-pull="-100">
<div class="container">
<div class="row space--top">
<div class="col-12 col-md-6 col-xl-5 offset-xl-1 mb-5 mb-lg-0 reveal">
<div>
<h2 class="h3-font font-w--700 mb-2">3 very simple steps to get started with SpaceMax</h2>
<p class="opacity--60">With over 13 million users, SpaceMax is the best platform to get started buying and selling your cryptocurrency. It is the easiest platform for beginners to easily get into cryptocurrency.</p>
</div>
<div class="ml-lg-10 d-none d-md-inline-block">
<img src="img/layout/steps-arrow.svg" alt="arrow" class="svg svg-shape--default opacity--10">
</div>
</div>

<div class="col-12 col-md-6 col-xl-5 offset-xl-1 pr-sm-6 pr-md-0 remove-space--bottom steps-wrapper">
<div class="step position-relative d-flex align-items-start pb-6 reveal">
<div class="mr-3 mr-md-4">
<span class="icon--lg step__icon bg-color--white-opacity--05 box-shadow--1 rounded-circle">
<img src="img/exchange-05.svg" alt="icon">
</span>
</div>

<div class="position-relative">
<h3 class="h4-font font-w--600 mb-1 step__title">Create a wallet</h3>
<p class="opacity--80">Have a wallet already? Skip this step. or <a href="#" class="text-color--cta--5">Create an account here</a>.</p>
</div>

</div>

<div class="step position-relative d-flex align-items-start pb-6 reveal">
<div class="mr-3 mr-md-4">
<span class="icon--lg step__icon bg-color--white-opacity--05 box-shadow--1 rounded-circle">
<img src="img/exchange-06.svg" alt="icon">
</span>
</div>

 <div class="position-relative">
<h3 class="h4-font font-w--600 mb-1 step__title">Open account</h3>
<p class="opacity--80">Simply <a href="#" class="text-color--cta--5">open a new account</a>to start buying and selling crypto assets.</p>
</div>

</div>

<div class="step position-relative d-flex align-items-start pb-6 reveal">
<div class="mr-3 mr-md-4">
<span class="icon--lg step__icon bg-color--white-opacity--05 box-shadow--1 rounded-circle">
<img src="img/exchange-07.svg" alt="icon">
</span>
</div>

<div class="position-relative">
<h3 class="h4-font font-w--600 mb-1 step__title">Start trading</h3>
<p class="opacity--80"><a href="#" class="text-color--cta--5">Buy</a> or <a href="#" class="text-color--cta--5">Sell</a> crypto assets through our secure platform.</p>
</div>

</div>

</div>
</div>
</div>
</section>


<section class="space--top pb-lg-10 ">
<div class="container">
<div class="row">
<div class="col-12 col-md-10 col-lg-8 col-xl-6 mb-5 mb-xl-0 pl-xl-4 mx-auto pos-abs-xl-vertical-center pos-left text-xl-right">
<picture>
<img src="img/illustration-21.png" alt="illustration" class="img-fluid reveal">
</picture>
</div>

<div class="col-12 col-xl-5 ml-auto">
<div class="row">
<div class="col-12 mb-5 mb-sm-7 mb-xl-5 text-center text-xl-left mx-auto reveal">
<h2 class="mb-1 h3-font font-w--700">Create your digital <br> currency portfolio today
</h2>
<p>SpaceMax has great features that make it the best place.</p>
</div>
</div>

<div class="row">
<div class="col-12 col-sm-6 col-xl-11 mb-3 reveal">
<div class="d-flex flex-column flex-xl-row align-items-center align-items-xl-start text-center text-xl-left max-w--320 mx-auto mx-xl-0">
<span class="mb-2 mr-lg-3"><img src="img/exchange-08.svg" alt="icon"></span>
<div>
<h3 class="font-size--20 font-w--600 mb-1">Manage your portfolio</h3>
<p class="font-size--16">Buy and sell popular digital currencies, keep track of them in the one place.</p>
</div>
</div>

</div>

<div class="col-12 col-sm-6 col-xl-11 mb-3 reveal">
<div class="d-flex flex-column flex-xl-row align-items-center align-items-xl-start text-center text-xl-left max-w--320 mx-auto mx-xl-0">
<span class="mb-2 mr-lg-3"><img src="img/exchange-09.svg" alt="icon"></span>
<div>
<h3 class="font-size--20 font-w--600 mb-1">Recurring buys</h3>
<p class="font-size--16">Invest in digital currency slowly over time by scheduling buys daily, weekly, or monthly.</p>
</div>
</div>

</div>

<div class="col-12 col-sm-6 col-xl-11 mb-3 reveal">
<div class="d-flex flex-column flex-xl-row align-items-center align-items-xl-start text-center text-xl-left max-w--320 mx-auto mx-xl-0">
<span class="mb-2 mr-lg-3"><img src="img/exchange-10.svg" alt="icon"></span>
<div>
<h3 class="font-size--20 font-w--600 mb-1">Vault protection</h3>
<p class="font-size--16">For added security, store your funds in a vault with time delayed withdrawals.</p>
</div>
</div>

</div>

<div class="col-12 col-sm-6 col-xl-11 mb-3 reveal">
<div class="d-flex flex-column flex-xl-row align-items-center align-items-xl-start text-center text-xl-left max-w--320 mx-auto mx-xl-0">
<span class="mb-2 mr-lg-3"><img src="img/exchange-11.svg" alt="icon"></span>
<div>
<h3 class="font-size--20 font-w--600 mb-1">Mobile apps</h3>
<p class="font-size--16">Stay on top of the markets with the Coinbase app for Android or iOS.</p>
</div>
</div>

</div>

</div>
</div>
</div>
</div>
</section>


<section class="bg-color--primary">
<div class="svg-shape--top">
<img src="img/layout/wave-16.svg" alt="wave" class="svg">
</div>

<div class="space border--bottom position-relative">
<div class="background-holder background--bottom--right d-none d-md-block">
<img src="img/layout/wave-15.svg" alt="wave" class="background-image-holder">
</div>


<div class="container">
<div class="row">
<div class="col-12">
<div class="rounded--10 box-shadow--5">
<picture>
<img src="img/chart.jpg" alt="chart" class="img-fluid rounded--10">
</picture>
</div>
</div>

</div>

</div>

</div>

<div class="py-6 p-lg-8">
<div class="container">
<div class="row text-center text-md-left align-items-center justify-content-lg-between">
<div class="col-12 col-xl-11 mx-auto d-md-flex flex-md-row align-items-md-center reveal">
<div class="mb-3 mb-md-0 mr-2 mr-md-4 mr-xl-10 flex-1">
<h2 class="font-size--30 font-w--700 mb-2">Open account for free and start trading!</h2>
<p class="opacity--60 pr-xl-10">SpaceMax offers institutions and professionals the ability to trade a variety of digital currencies like Bitcoin, Ethereum, and more on a regulated U.S. based exchange.</p>
</div>
<a href="#" class="btn btn-bg--cta--5 btn-hover--3d">
<span class="btn__text">Create Account Now</span>
</a>
</div>

</div>

</div>

</div>

</section>


<section class="border--bottom">
<div class="container">
<div class="row">
<div class="space col-12 col-sm-10 col-md-8 col-lg-5 reveal">
<div class="mb-4">
<h2 class="font-size--30 font-w--700 mb-2">Do you have any questions?</h2>
<p>Please contact us directly by mail or from our contact form. You can also visit our support page which might help solve your problem.</p>
</div>

<a href="#" class="font-size--17 color--primary d-flex align-items-center"><i class="icon icon-newsletter mr-1"></i><span class="__cf_email__" data-cfemail="661513161609141226031e070b160a03">[email&#160;protected]</span></a>

<hr class="mt-3 mb-4 border--bottom max-w--320 ml-0">

<a href="#" class="btn btn-bg--primary btn-hover--3d">
<span class="btn__text">Visit Our Support Page</span>
</a>

</div>

<div class="space col-12 col-lg-6 offset-lg-1">
<div class="form--v6">
<div class="bg-gradient-primary--1"></div>

<div class="pl-lg-3 pl-xl-5 reveal">
<form action="#" class="form">
<div class="form-group form-row">
<div class="col-12 col-md-6 form-group mb-md-0">
<input type="text" class="form-control" placeholder="Your name" required>
</div>
<div class="col-12 col-md-6">
<input type="email" class="form-control" placeholder="Your email" required>
</div>
</div>

<div class="form-group form-row">
<div class="col">
<input type="text" class="form-control" placeholder="Subject">
</div>
</div>

<div class="form-group form-row mb-4">
<div class="col">
<textarea rows="6" class="form-control" placeholder="Write your message" required></textarea>
 </div>
</div>

<button class="btn btn-size--md btn-border btn-border--color--primary color--primary btn-hover--primary" type="submit"><span class="btn__text">Send Message</span></button>
</form>

</div>
</div>

</div>

</div>

</div>

</section>


<section class="py-6 py-lg-8 ">
<div class="container">
<div class="row justify-content-between align-items-center text-center text-md-left">
<div class="col-12 col-md-5 col-lg-4 mb-4 mb-md-0 reveal">
<h2 class="h3-font font-w--700 mb-1">Join us today!</h2>
<p>Buy your cryptocurrency today to begin using the future of money.</p>
</div>

<div class="col-12 col-md-7 col-lg-6">
<div class="form--v7 reveal">
<form action="#" class="form border--around rounded--05">
<div class="input-group d-flex">
<input type="email" class="form-control" placeholder="Enter your email" required="">
<button class="btn btn-size--md btn-hover--splash btn-bg--primary" type="submit"><span class="btn__text">Get Started Now</span></button>
</div>
</form>
</div>

</div>

</div>

</div>

</section>


<footer class="footer section--light bg-color--primary-light--1  position-relative hidden">
<div class="pt-3 pt-lg-10 pb-6 pb-lg-10 border--bottom">
<div class="container">
<div class="row">
<div class="col-12 col-md-9 col-lg-4 mb-4 mb-xl-0">
<div class="pr-xl-3">
<span class="mb-3">
<img src="img/brand-logo-black.png" alt="brand-logo">
</span>
<p>The main objectives of the project are to meet the needs of cryptocurrency projects and users, and to provide access to investment product.</p>
</div>
</div>

<div class="col-6 col-md-4 col-lg-4 col-xl-2 mb-2 mb-xl-0">
<div class="widget widget-nav">
<span class="widget__title font-size--20 font-w--700 mb-1">Useful Link</span>
<ul>
<li><a href="#">How it works</a></li>
<li><a href="#">Token sale details</a></li>
<li><a href="#">Team</a></li>
<li><a href="#">Roadmap</a></li>
<li><a href="#">Documents</a></li>
</ul>
</div>
</div>

<div class="col-6 col-md-4 col-lg-4 col-xl-2 offset-xl-1 mb-2 mb-xl-0">
<div class="widget widget-nav">
<span class="widget__title font-size--20 font-w--700 mb-1">Documents</span>
<ul>
<li><a href="#">Whitepaper</a></li>
<li><a href="#">Onepager</a></li>
<li><a href="#">Privacy policy</a></li>
<li><a href="#">Terms of use</a></li>
<li><a href="#">Agreement</a></li>
</ul>
</div>
</div>

<div class="col-8 col-sm-8 col-md-4 col-xl-3">
<span class="widget__title font-size--20 font-w--700 mb-1">Address</span>
<p class="font-size--15 mb-2">SpaceMax PTE. LTD. 167 Jalan Bukit Merah #05-12 Connection One Singapore (150167)</p>
<a href="#" class="color--primary mb-1"><span class="__cf_email__" data-cfemail="f3968b929e839f96b3968b929e839f96dd909c9e">[email&#160;protected]</span></a>
<ul class="icon-group mb-0">
<li><a href="#" class="color--primary"><i class="fab fa-medium-m"></i></a></li>
<li><a href="#" class="color--primary"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#" class="color--primary"><i class="fab fa-twitter"></i></a></li>
<li><a href="#" class="color--primary"><i class="fab fa-linkedin-in"></i></a></li>
<li><a href="#" class="color--primary"><i class="fab fa-telegram-plane"></i></a></li>
<li><a href="#" class="color--primary"><i class="fab fa-youtube"></i></a></li>
<li><a href="#" class="color--primary"><i class="fab fa-pinterest"></i></a></li>
</ul>
</div>

</div>
</div>

</div>

<div class="py-3">
<div class="container">
<div class="row">
<div class="col-12 text-center">
<p class="font-size--15">© 2019 <a href="#" class="text-color--400">SpaceMax</a>. All Rights Reserved.
</p>
</div>
</div>

</div>

</div>

</footer>

</main>
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="js/plugins.min.js"></script>
<script src="js/app.js"></script>
</body>
</html>